{{extend '../_layouts/home.html'}}

{{block 'title'}}{{'多人博客 - 首页'}}{{/block}}

{{block 'head'}}
<link rel="stylesheet" href="/public/css/markdown-github.css">
<style>
  .panel .panel-heading .action i {
    margin-right: 10px;
  }
</style>
{{/block}}

{{block 'body'}}
<section class="container">
  <div class="row">
    <div class="col-md-9">
      <article class="markdown-body">
        <h1 id="_1"><a name="user-content-_1" href="#_1" class="headeranchor-link" aria-hidden="true"><span
              class="headeranchor"></span></a>{{ topic.title }}</h1>
        <blockquote>
          <p>内容</p>
        </blockquote>

       
        <p>{{ topic.content }}</p>
        



      
      </article>
      <div style="margin-bottom: 30px;">
      <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon-star" aria-hidden="true"></span> watch {{ topic.watch }}
      </button>
      <button type="button" class="btn btn-default btn-lg">
        <span class="glyphicon glyphicon glyphicon-envelope" aria-hidden="true"></span> messages {{ topic.messages }}
      </button>
    </div>


      <!-- 评论区 -->
      <div class="panel panel-default">
        <div class="panel-heading">
          <span>123</span> commented
          <span>24 minutes ago</span>
          <span class="action">
            <a href=""><i class="glyphicon glyphicon-thumbs-up pull-right"></i></a>
            <a href=""><i class="glyphicon glyphicon-remove-circle pull-right"></i></a>
            <a href=""><i class="glyphicon glyphicon-remove-circle pull-right"></i></a>
          </span>
        </div>
        <div class="panel-body">
          内容
        </div>
      </div>


      <hr>

      <!-- 编辑区域 -->
      <form id="comment">
        <input type="hidden" name="topic_id" value="{{ topic._id }}">
        <input type="hidden" name="user_id" value="{{ topic.author }}">
        <div class="form-group">
          <label for="replay">添加回复</label>
          <textarea class="form-control" name="comment" id="replay" cols="10" rows="10"></textarea>
        </div>
        <button type="submit" class="btn btn-success">回复</button>
      </form>
    </div>
  </div>
</section>
{{/block}}

